<template>
	<view class="card shadow radius">
		<u-icon :name="icon" size="40" color="#2979ff" class='icon'></u-icon>
		<view class="content">
			{{content}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"user-card",
		props:{
			icon:{
				String:"",
				default:""
			},
			content:{
				String:"",
				default:""
			},
			toPath:{
				String:""
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.card {
	display: flex;
	align-items: center;

	
	margin-top: 40rpx;
	width: 60vw;
	height: 7vh;
	.icon { 
		display: flex;
		justify-content: center;
		flex:1;
	}
	.content{
		width: 40vw;
	}
}
</style>